@charset "UTF-8";


//变量


$all:100%;

$half:50%;




//占位符

%display-align{
  display: flex;
  align-items: center;

}


%display-center{
  display: flex;
  align-items: center;
  justify-content: center;
}



%display-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

//混合宏


@mixin display($first,$twin,$times){
  display: $first;
  justify-content: $twin;
  align-items: $times;
}



@mixin display-content($first,$twin){
  display:$first ;
  justify-content: $twin;
}



@mixin  display-align($first,$twin){
  display:$first ;
  align-items:$twin ;
}



//边框 现用于new

%m-border{
  border: 1px solid  #dbdbdb;
}

%b-border{
  border-bottom: 1px solid #dbdbdb;
}


